<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{$site.name|htmlentities}</title>
    <link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico"/>
    <script type="text/javascript" src="__CDN__/assets/screen/js/jquery.js"></script>
    <link rel="stylesheet" href="__CDN__/assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="__CDN__/assets/screen/css/comon0.css">
    <link rel="stylesheet" href="__CDN__/assets/screen/css/screen.css">
</head>
<script>
    $(window).load(function(){
        $(".loading").fadeOut()
    })

    /****/
    $(document).ready(function(){
        var whei=$(window).width()
        $("html").css({fontSize:whei/20})
        $(window).resize(function(){
            var whei=$(window).width()
            $("html").css({fontSize:whei/20})
        });
    });
</script>
<script type="text/javascript" src="__CDN__/assets/screen/js/echarts.min.js"></script>
<script language="JavaScript" src="__CDN__/assets/screen/js/js.js"></script>
<script language="JavaScript" src="__CDN__/assets/screen/js/screen.js"></script>
<body>
<div class="canvas" style="opacity: .2">
    <iframe frameborder="0" src="__CDN__/assets/screen/js/index.html" style="width: 100%; height: 100%"></iframe>
</div>
<div class="loading">
    <div class="loadbox"> <img src="__CDN__/assets/screen/picture/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
    <h1>{$screen_title}</h1>
    <div class="weather"><span id="showTime"></span></div>
    <script>
        var t = null;
        t = setTimeout(time,1000);//開始运行
        function time()
        {
            clearTimeout(t);//清除定时器
            dt = new Date();
            var y=dt.getFullYear();
            var mt=dt.getMonth()+1;
            var day=dt.getDate();
            var h=dt.getHours();//获取时
            var m=dt.getMinutes();//获取分
            var s=dt.getSeconds();//获取秒
            document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"-"+h+"时"+m+"分"+s+"秒";
            t = setTimeout(time,1000); //设定定时器，循环运行
        }
    </script>
</div>
<div class="mainbox">
    <ul class="clearfix">
        <li>
            <!--<div class="boxall">
                <textarea style="display: none" id="person_num_json">{$person_num_json}</textarea>
                <textarea style="display: none" id="person_site_name_json">{$person_site_name_json}</textarea>
                <div class="alltitle">各站点人数统计</div>
                <div class="allnav" id="echart1"></div>
                <div class="boxfoot"></div>
            </div>-->
            <div class="boxall">
                <div class="alltitle">近7日服务人次统计</div>
                <div class="allnav" id="echart2"></div>
                <div class="boxfoot"></div>
            </div>
            <!-- 年龄分布 -->
            <div class="boxall">
                <div style="height:100%; width: 100%;">
                    <textarea style="display: none" id="age_group_json_html">{$age_group_json}</textarea>
                    <div class="sy" id="fb1"></div>
                    <!--
                    <div class="sy" id="fb2"></div>
                    <div class="sy" id="fb3"></div>
                    -->
                </div>
                <div class="boxfoot">
                </div>
            </div>
        </li>
        <li>
<!--            <div class="bar">-->
<!--                <div class="barbox">-->
<!--                    <ul class="clearfix">-->
<!--                        <li class="pulll_left counter">{$client_num}</li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--                <div class="barbox2">-->
<!--                    <ul class="clearfix">-->
<!--                        <li class="pulll_left">社区人数 </li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--            </div>-->
            <div class="boxall">
                <div style="line-height: 30px; height: 30px; color: #fff; font-size: 20px; text-align: center;">社区人数：<span style="color: yellow; font-weight: bold">{$client_num}</span></div>
                <div class="map">
                    <div class="map1"><img src="__CDN__/assets/screen/picture/lbx.png"></div>
                    <div class="map2"><img src="__CDN__/assets/screen/picture/jt.png"></div>
                    <div class="map3"><img src="__CDN__/assets/screen/picture/map.png"></div>
                    <div class="map4" id="map4_sitemap">
                        <div class="innersitemap">
                            <img src="__CDN__/assets/screen/picture/sitemap.png">
                            <span id="fbox1" class="float-box">
                                <span class="box-title">星湖路养老服务站</span>
                                <span class="box-txt">近30日服务<em>{$thiryNumArr['xinghu']}</em>次</span>
                            </span>
                            <span id="fbox2" class="float-box">
                                <span class="box-title">洪湖东路养老服务站</span>
                                <span class="box-txt">近30日服务<em>{$thiryNumArr['honghudong']}</em>次</span>
                            </span>
                            <span id="fbox3" class="float-box">
                                <span class="box-title">天宫殿养老服务中心</span>
                                <span class="box-txt">近30日服务<em>{$thiryNumArr['tiangongdian']}</em>次</span>
                            </span>
                            <span id="fbox4" class="float-box">
                                <span class="box-title">东湖北路养老服务中心</span>
                                <span class="box-txt">近30日服务<em>{$thiryNumArr['donghubei']}</em>次</span>
                            </span>
                            <span id="fbox5" class="float-box">
                                <span class="box-title">东湖南路养老服务中心</span>
                                <span class="box-txt">近30日服务<em>{$thiryNumArr['donghunan']}</em>次</span>
                            </span>
                            <span id="fbox6" class="float-box">
                                <span class="box-title">梧桐路养老服务中心</span>
                                <span class="box-txt">近30日服务<em>{$thiryNumArr['wutonglu']}</em>次</span>
                            </span>
                            <span id="fbox7" class="float-box">
                                <span class="box-title">丁香路养老服务中心</span>
                                <span class="box-txt">近30日服务<em>{$thiryNumArr['dingxianglu']}</em>次</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="boxall">
                <textarea style="display: none" id="person_num_json">{$person_num_json}</textarea>
                <textarea style="display: none" id="person_site_name_json">{$person_site_name_json}</textarea>
                <div class="alltitle">天宫殿街道各社区老年人口总量</div>
                <div class="allnav" id="echart1"></div>
                <div class="boxfoot"></div>
            </div>
        </li>
        <li>
            <div class="boxall" id="moments">
                <div class="alltitle">精彩瞬间</div>
                <div class="moments-scroll-container">
                    <div class="moments-scroll-content">
                        <div class="image-item">
                            <img src="/uploads/moments/001.jpg" alt="活动1">
                        </div>
                        <div class="image-item">
                            <img src="/uploads/moments/002.jpg" alt="活动2">
                        </div>
                        <div class="image-item">
                            <img src="/uploads/moments/003.jpg" alt="活动3">
                        </div>
                        <div class="image-item">
                            <img src="/uploads/moments/004.jpg" alt="活动2">
                        </div>
                        <div class="image-item">
                            <img src="/uploads/moments/005.jpg" alt="活动3">
                        </div>
                        <!-- 重复 -->
                        <div class="image-item">
                            <img src="/uploads/moments/003.jpg" alt="活动3">
                        </div>
                        <div class="image-item">
                            <img src="/uploads/moments/004.jpg" alt="活动2">
                        </div>
                        <div class="image-item">
                            <img src="/uploads/moments/005.jpg" alt="活动3">
                        </div>
                    </div>
                </div>
            </div>

            <div class="boxall course-zone">
                <div class="alltitle">课程安排</div>
                <div class="marquee-container">
                    <ul class="marquee-list">
                        <li><span class="first title">时间</span><span class="course_name title">课程名称</span></li>
                        {foreach name="course_list" item="vo"}
                            <li><span class="first">{$vo['weekday']}</span><span class="course_name">{$vo['course_name']}</span></li>
                        {/foreach}
                    </ul>
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="back"></div>
<script type="text/javascript" src="__CDN__/assets/screen/js/china.js"></script>
<script type="text/javascript" src="__CDN__/assets/screen/js/area_echarts.js"></script>
</body>
</html>
